React 您所在的位置:网站首页 Close button Bootstrap v52 React

React

2024-07-16 19:11| 来源: 网络整理| 查看: 265

Close Button

A generic close button for dismissing content such as modals and alerts.

Disabled state#

Bootstrap adds relevant styling to a disabled close button to prevent user interactions.

Variants#

Change the default dark color to white using variant="white".

Accessibility#

To ensure the maximum accessibility for Close Button components, it is recommended that you provide relevant text for screen readers. The example below provides an example of accessible usage of this component by way of the aria-label property.

API#CloseButton#view source fileimport CloseButton from 'react-bootstrap/CloseButton'Copy import code for the CloseButton componentNameTypeDefaultDescriptionaria-label string'Close'onClick functionvariant 'white'

Render different color variant for the button.

Omitting this will render the default dark color.



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有